﻿$bg-color: #eee;
$bg-secondary: #ccc;
$color-primary: #1f6ed1;
$gray: #ccc;
$gray-lighter: #f5f5f5;
$border-color: #d9d9d9;
$text-dark: #1a1a1a;
$text-gray: #666;

a, a:link:visited:hover:active {
    color: #4390EE;
}



/*-------- tab扩展 --------*/
.nav-tabs:before, .nav-tabs:after{
    background-color: $border-color;
}
.tabs > li{
    & > a{
        color: $text-gray;
    }
    &.active, &.active > a{
        color: $color-primary;
    }
}
.tabs-scrollbar:after{
    background-color: $border-color;
}


/*-------- 列表扩展 --------*/
.list > li.disabled{
    background-color: $gray-lighter;
}
.list-bottom .list-scrollbar, .list-course .list-scrollbar{
    //background-color: #fff;
}
.list-symbol > li{
    overflow: hidden;
    position: relative;
}
.corner{

}
.corner-success {
    color: #fff;
    background-color: #8AC249;
}
.corner-danger{
    color: #fff;
    background-color: #FD5757;
}


/*-------- 情景按钮颜色 --------*/
.btn{
    background-color: transparent;
}
.btn-default{
    background-color: #fff;
}
.btn-theme{
    color: #fff;
    background-color: #4390EE;
}
.btn-primary{
    color: #fff;
    background-color: #4390EE;
}
.btn-success{
    color: #fff;
    background-color: #5cb85c;
}
.btn-info{
    color: #fff;
    background-color: #5bc0de;
}
.btn-warning{
    color: #fff;
    background-color: #f0ad4e;
}
.btn-danger{
    color: #fff;
    background-color: #d9534f;
}
.btn-border{
    color: $color-primary;
    border: 1px solid $color-primary;
}
.btn-radius{
    border-radius: 5px;
}


/*-------- 情景背景颜色 --------*/
.bg-primary{
    color: #fff;
    background-color: #4390EE;
}
.bg-success {
    background-color: #dff0d8;
}
.bg-info {
    background-color: #d9edf7;
}
.bg-warning {
    background-color: #fcf8e3;
}
.bg-danger {
    background-color: #f2dede;
}

/*-------- 情景文本颜色 --------*/
.text-muted {
    color: #777;
}
.text-primary {
    color: #4390EE;
}
.text-success {
    color: #3c763d;
}
.text-info {
    color: #31708f;
}
.text-warning {
    color: #8a6d3b;
}
.text-danger {
    color: #a94442;
}


/*-------- 灰度文本颜色 --------*/
.text-gray{
    color: #555;
}
.text-gray-light{
    color: #777;
}
.text-gray-lighter{
    color: #999;
}
.text-white{
    color: #fff;
}


/*-------- 情景进度条颜色 --------*/
.progress-bar .progress-fill{
    background-color: $color-primary;
    background: -webkit-linear-gradient(left, #4793fa, $color-primary);
    background: linear-gradient(left, #4793fa, $color-primary);
}
.progress-bar.vertical .progress-fill{
    background-color: $color-primary;
    background: -webkit-linear-gradient(top, #4793fa, $color-primary);
    background: linear-gradient(top, #4793fa, $color-primary);
}


.list-chapter > li{
    background-color: $bg-color;
    &, & *{
        border-color: $border-color !important;
    }
}

*{
    border-color: $border-color;
}
.list-post > li{
    background-color: $bg-secondary;
}
.no-data{
    border-color: $border-color;
    background: $bg-color;
}

.table-striped{
    tr:nth-child(odd){
        background-color: $bg-secondary;
    }
}